<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<meta name="Description" content="Information architecture, Web Design, Web Standards." />
<meta name="Keywords" content="your, keywords" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Distribution" content="Global" />
<meta name="Author" content="Erwin Aligam - ealigam@gmail.com" />
<meta name="Robots" content="index,follow" />

<link rel="stylesheet" href="stylesheets/higher_ground.css" type="text/css" />
<link href="stylesheets/supportpage.css" type="text/css" rel="stylesheet"/>

<title>RoadMate - {% block title %}{% endblock %}</title></head>

<body>
<!-- wrap starts here -->
<div id="wrap">

	<div id="top-bg"></div>
				
	<!--header -->
	<div id="header">			
				
		<h1 id="logo-text"><a href="index.html" title="">Road<span>Mate</span></a></h1>		
		<p id="version">v{{ current_version }}</p>
			
		<div id="header-links">
		<p>
			{% if isLoggedIn %}
				<a href="{{ logout_url }}">Log Out</a>
			{% else %}
				<a href="{{ login_url }}">Log In</a> | 
				<a href="{{ login_url }}">Register</a>
			{% endif %}			
		</p>		
		</div>		
	<!--header ends-->					
	</div>
		
	<div id="header-photo"></div>		
		
	<!-- navigation starts-->	
	<div  id="nav">
		<ul>
			<li><a href="/">Home</a></li>
			<li><a href="/profile">My Profile</a></li>
			<li><a href="/browse">Browse Rides</a></li>
			<li><a href="/support">Support</a></li>
			<li><a href="/about">About</a></li>		
		</ul>
	<!-- navigation ends-->	
	</div>					
			
	<!-- content-wrap starts -->
	<div id="content-wrap">
	
		<div id="main">
				
			{% block main %}{% endblock %}

		<!-- main ends -->	
		</div>
				
		<div id="sidebar">
			
					
			<h3>Sidebar Menu</h3>
			<ul class="sidemenu">				
				<li><a href="/">Home</a></li>
				<li><a href="/rideoffer_create">Offer Ride</a></li>
				<li><a href="/browse">Browse Rides</a></li>
				<li>Search Rides</li>
				
			</ul>	
			
			&nbsp;
			&nbsp;
			
			<h3>Google Ads</h3>
			<ul class="sidemenu">
				<li><a href="http://www.4templates.com/?aff=ealigam"><strong>4templates</strong></a> <br /> Low Cost Hi-Quality Templates</li>
				<li><a href="http://store.templatemonster.com?aff=ealigam"><strong>TemplateMonster</strong></a> <br /> Delivering the Best Templates on the Net!</li>
				<li><a href="http://tinyurl.com/3cgv2m"><strong>Text Link Ads</strong></a> <br /> Monetized your website</li>
				<li><a href="http://www.fotolia.com/partner/114283"><strong>Fotolia</strong></a> <br /> Free stock images or from $1</li>
				<li><a href="http://www.dreamstime.com/res338619"><strong>Dreamstime</strong></a> <br /> Lowest Price for High Quality Stock Photos</li>
				<li><a href="http://www.dreamhost.com/r.cgi?287326"><strong>Dreamhost</strong></a> <br /> Premium webhosting</li>
			</ul>
					
					
						
		<!-- sidebar ends -->		
		</div>		
		
		
	<!-- content-wrap ends-->	
	</div>
		
	<!-- footer starts -->		
	<div id="footer-wrap">
		<div id="footer-columns">
	
			<div class="col3">
				<h3>Home</h3>
				<ul>
					<li><a href="./index.html">Home</a></li>

				</ul>
			</div>

			<div class="col3-center">
				<h3>User</h3>
				<ul>
					<li><a href="./profile">My Profile</a></li>
					<li><a href="./profile">My Rides</a></li>

				</ul>
			</div>

			<div class="col3">
				<h3>Help</h3>
				<ul>
					<li><a href="./support">Support</a></li>
					<li><a href="./about">About us</a></li>
					
				</ul>
			</div>

		<!-- footer-columns ends -->
		</div>	
	
		<div id="footer-bottom">		
			
			<p>
			&copy; 2006 <strong>RoadMate</strong> | 
			Design by: <a href="http://www.styleshout.com/">styleshout</a> | 
			Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> | 
			<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
			
   		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			
			<a href="index.html">Home</a>&nbsp;|&nbsp;
   		<a href="index.html">Sitemap</a>&nbsp;|&nbsp;
   		</p>		
			
		</div>	

<!-- footer ends-->
</div>
<!-- wrap ends here -->
</div>

</body>
</html>
